<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="x-ua-compatible" content="IE=5;IE=7;IE=8;"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="edge"/>
    <link type="text/css" rel="stylesheet" id="easyuiTheme"
          href="/topjui/themes/default/easyui.css">
    <link type="text/css" rel="stylesheet" href="/topjui/css/icon.css">

    <script type="text/javascript" src="/topjui/plugins/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/topjui/plugins/jquery/jquery.cookie.js"></script>
    <script type="text/javascript" src="/topjui/plugins/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/topjui/js/topjui.config.js"></script>
    <script type="text/javascript" src="/topjui/js/topjui.all.min.js"></script>
    <script type="text/javascript" src="/topjui/plugins/easyui/extension/jquery.portal.js"></script>
    <script type="text/javascript" src="/topjui/plugins/echarts/echarts.min.js"></script>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            font: 14px/normal "microsoft yahei", "Times New Roman", "宋体", Times, serif;
            letter-spacing: 1px;
        }

        a {
            text-decoration: none;
        }

        .panel-header {
            border-radius: 5px 5px 0 0;
        }

        /* 面板标题 */
        .panel-title {
            font-size: 12px;
            height: 24px;
            line-height: 24px;
        }

        /* panel主体字体大小 */
        .panel-body {
            font-size: 14px;
        }

        /* 调整panel图标显示位置 */
        .panel-icon {
            margin-top: -9px;
        }

        .border_top_none {
            border-top: none;
        }

        .portal-list {
            padding: 4px 4px 4px 6px;
        }
    </style>
    <script>
        jQuery(function () {
            $('#pp').portal({
                border: false
            });
            setTimeout(function () {
                $('#pp').portal({
                    border: false
                });
            }, 10);
            $(function () {
                // 页面加载完成后触发echarts图表加载事件
                $(this).trigger(topJUI.eventType.initUI.echarts);
            });
        });
    </script>
</head>

<body>
<!-- layout布局 开始 -->
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'center',title:'',fit:true,split:true,border:false,bodyCls:'border_top_none'">
        <div id="pp" style="overflow: hidden;">
            <div style="width:35%;">
                <div title="关于TopJUI" iconCls="icon-shield" style="height:210px;">
                    <div class="portal-list">框架名称：TopJUI前端框架 v1.0正式版</div>
                    <div class="portal-list">开源下载：<a href="http://git.oschina.net/xvpindex/TopJUI" target="_blank">http://git.oschina.net/xvpindex/TopJUI</a>
                    </div>
                    <div class="portal-list">官方网站：<a href="http://www.topjui.com"
                                                     target="_blank">http://www.topjui.com</a></div>
                    <div class="portal-list">开发文档：<a href="http://www.topjui.com/doc.html" target="_blank">http://www.topjui.com/doc.html</a>
                    </div>
                    <div class="portal-list">交流讨论：<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=625ca4e1e6ca0b06cc18e4b7b1efcad50c21dd1d5cc350bf13123b07991e6292"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="TopJUI前端框架" title="TopJUI前端框架"></a>
                    </div>
                    <div class="portal-list">技术支持：<a href="http://www.ewsd.cn" target="_blank">易网时代（深圳）信息技术有限公司</a>
                    </div>
                </div>
                <div title="常见问题" iconCls="icon-databases" style="height:210px;">
                    <div class="portal-list">
                        <a href="javascript:window.parent.addParentTab({href:'http://www.topjui.com/doc/question/fullscreen.html',title:'TopJUI前端框架'})">静态演示系统中首页初始化为什么有时不能全屏？</a>
                    </div>
                    <div class="portal-list">
                        <a href="javascript:window.parent.addParentTab({href:'http://www.topjui.com/doc/question/fullscreen.html',title:'TopJUI前端框架'})">静态演示系统中部分组件（如对话框）风格和整体风格不一致？</a>
                    </div>
                </div>
                <div title="动态演示" iconCls="icon-basket_put" style="height:210px;">
                    <div class="portal-list">
                        系统简介：<a href="http://www.ewsd.cn/emis.html" target="_blank">企业级快速开发平台</a>
                    </div>
                    <div class="portal-list">
                        演示地址：<a href="http://demo.ewsd.cn/system/index/index" target="_blank">http://demo.ewsd.cn/system/index/index</a>
                    </div>
                    <div class="portal-list">
                        帐号：topjui，密码：topjui
                    </div>
                    <div class="portal-list">
                        本动态演示系统为 <a href="http://www.ewsd.cn" target="_blank">易网时代</a> 商业产品，欢迎洽谈合作！
                    </div>
                </div>
            </div>
            <div style="width:35%;">
                <div title="公告通知" iconCls="icon-dic" style="height:210px;">
                    <div class="portal-list">
                        <a href="javascript:window.parent.addParentTab({href:contextPath + '/html/article/detail.html',title:'强化党内监督是全面从严治党重要保障'})">强化党内监督是全面从严治党重要保障</a>
                    </div>
                    <div class="portal-list">
                        <a href="javascript:window.parent.addParentTab({href:contextPath + '/html/article/detail.html',title:'李克强：地方和部门主要负责同志要带头发布权威信息'})">李克强：地方和部门主要负责同志要带头发布权威信息</a>
                    </div>
                    <div class="portal-list">
                        <a href="javascript:window.parent.addParentTab({href:contextPath + '/html/article/detail.html',title:'李克强：政务公开是常态不公开是例外'})">李克强：政务公开是常态不公开是例外</a>
                    </div>
                    <div class="portal-list">
                        <a href="javascript:window.parent.addParentTab({href:contextPath + '/html/article/detail.html',title:'军委机关将总体实行“部—局—处”三级体制'})">军委机关将总体实行“部—局—处”三级体制</a>
                    </div>
                    <div class="portal-list">
                        <a href="javascript:window.parent.addParentTab({href:contextPath + '/html/article/detail.html',title:'蔡奇就任北京代市长 王安顺因工作调动请辞'})">蔡奇就任北京代市长
                            王安顺因工作调动请辞</a>
                    </div>
                    <div class="portal-list">
                        <a href="javascript:window.parent.addParentTab({href:contextPath + '/html/article/detail.html',title:'问中国：民生保障不是“清谈馆”办好实事方能得民心'})">问中国：民生保障不是“清谈馆”办好实事方能得民心</a>
                    </div>
                </div>
                <div title="内容分布" iconCls="icon-chart_pie" style="height:430px;">
                    <div id="agePieChartData" data-toggle="topjui-echarts"
                         data-options="type:'pie',url:contextPath + '/json/chart/pie.json'"
                         style="width:99%;height:99%;"></div>
                </div>
            </div>
            <div style="width:30%;">
                <div title="系统用户" iconCls="icon-vcard" style="height:210px;">
                    <table class="easyui-datagrid"
                           data-options="fit:true,
                           border:false,
                           fitColumns:true,
                           url:contextPath + '/json/datagrid/user.json'">
                        <thead>
                        <tr>
                            <th field="userNameId" width="100">用户名</th>
                            <th field="userName" width="100">姓名</th>
                            <th field="orgName" width="100">所属机构</th>
                            <th field="mobile" width="100" align="center">联系电话</th>
                        </tr>
                        </thead>
                    </table>
                </div>
                <div title="最新会员" iconCls="icon-user" style="height:210px;">
                    <table class="easyui-datagrid"
                           data-options="fit:true,
                           border:false,
                           fitColumns:true,
                           url:contextPath + '/json/datagrid/member.json'">
                        <thead>
                        <tr>
                            <th field="userNameId" width="100">用户名</th>
                            <th field="userName" width="100">呢称</th>
                            <th field="telephone" width="100">联系电话</th>
                        </tr>
                        </thead>
                    </table>
                </div>
                <div title="服务器信息" iconCls="icon-application_xp_terminal" style="height:210px;">
                    <div class="portal-list">服务器地址：127.0.0.1</div>
                    <div class="portal-list">JDK运行版本：1.8.0_60</div>
                    <div class="portal-list">服务器运行时区：Asia/Shanghai</div>
                    <div class="portal-list">服务器系统名称：Linux</div>
                    <div class="portal-list">服务器系统架构：amd64</div>
                    <div class="portal-list">服务器系统版本：2.6.32-573.22.1.el6.x86_64</div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>